<html>
	<head>
	<link href="{{ STATIC_URL }}styles.css" rel="stylesheet" type="text/css" />
	<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
	<link rel="icon" href="{{ STATIC_URL }}images/icon.ico" />
	<script type="text/javascript" src="{{ STATIC_URL }}jquery.min.js"></script>
	<script type="text/javascript">
		function clickedit(input){
			window.location = "/conference/" + input.innerHTML;
		}
	</script>
	</head>
<body>
<div id="headWrap">
 <div id="headpanel">
  <div id="menu">
   <ul>
    <li><a href="/">Home</a></li>
    <li><div class="gap"></div></li>
	{% if not loggedin %}
    <li><a href="/login/">Login</a></li>
	{% else %}
	<li><a href="/profile/">Profile</a></li>
	{% endif %}
    <li><div class="gap"></div></li>
    <li><a href="/about/">About</a></li>
   </ul>
  </div>
 </div>
</div>
<div id="contentWrap">
 <div id="contentPanel">
 	<div id="leftpanel">
		<div class="buf">
		</div>
	</div>
 	<div id="middlepanel">
		<div id="information">
		 <table>
		 	<tr><td width="100">Username</td><td width="100">{{ user.username }}</td></tr>
			<tr><td width="100">Name</td><td width="100">{{ user.first_name }} {{ user.last_name }}
																					</td></tr>
			<tr><td width="100">Company</td><td width="100"> {{ user.profile.company }}</td></tr>
			<tr><td width="100">Email</td><td width="100"> {{ user.email }} </td></tr>
			<tr><td width="100">Last Login</td><td width="100"> {{ user.last_login }} </td></tr>
		</table>
			<br><br>
			<h3>Conferences Attending</h3>
		 	<table>
				<thead>
				<tr>
				 <th class="type-string">Conference</th>
				 <th class="type-string">Company</th>
				 <th class="type-string">Location</th>
				 <th class="type-string">Date</th>
				 <th class="type-string">Room</th>
				 </tr>
				</thead>
				{% for i in conference %}
		 		<tr onmouseover="this.className='highlight'"
					onmouseout="this.className='normal'"
					onclick="clickedit(this.cells[0])">
					<td>{{ i.name }}</td>
					<td>{{ i.company }}</td>
					<td>{{ i.location }}</td>
					<td>{{ i.date }}</td>
					<td>{{ i.room }}</td>
				</tr>
				{% endfor %}
			</table>
		</div>
	</div>
	<div id="rightpanel">
		<p><a href="/logout/">Logout</a></p>
		<p><a href="/profile-edit/">Edit Profile</a></p>
		<p><a href="/register-conference/">New Conference</a></p>
	</div>
</div>
<div id="footWrap">
 <div id="footPanel">
  <p>© Wype 2012. All Rights Reserved.</p>
 </div>
</div>
</body>
</html>
